body,html{
    padding: 0;
    margin: 0;
}
.canvas{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-evenly;
    background: #040f3c;
}
.canvas .item{
    width: 30vw;
    height: 40vh;
    border: 1px solid #00ffff;
    position:relative;
}

.canvas .item>div{
    width: 100%;
    height: 90%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}